React 18
Migration guide
state更新時の無駄な再描画を防ぐしくみ
複数の状態更新を1つのre-renderにまとめる
以前はReactのevent handlerのみバッチだったが、promiseとかsetTimeoutなどもサポートするようになった
createRootを使う必要がある
startTransition API
ページのハングを防ぎたい
状態遷移中に視覚的フィードバックを提供する
遷移中にも応答できるようにする
問題
SSRをするためには手順を踏む必要がある
(サーバー)アプリで必要なデータをすべて取得
(サーバー) アプリをHTMLに描画してレスポンスを返す
(クライアント)すべてのアプリのためのJSをロード
(クライアント) JSのロジックとサーバで生成されたHTMLを接続する (これをhydrationという) アプリの一部分が他より遅いと、これを効率的に実行できない
こうする
ユニットはそれぞれ独立実行されるので、他のユニットをブロックしなくなる